<nz-modal nzWidth="1000" nzHeight="300" [(nzVisible)]="isVisible" [nzTitle]="l('send_notice_message')" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
  [nzOkLoading]="isOkLoading">
  <!-- Here's the DIV that we inject the map into -->

  <form nz-form [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="siteId">{{l('site')}}</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <nz-select formControlName="siteId" [(ngModel)]="model.siteId" (ngModelChange)="getSiteForUser()">
          <nz-option *ngFor="let option of sites" [nzValue]="option.id" [nzLabel]="option.siteName"></nz-option>
        </nz-select>
        <nz-form-explain *ngIf="validateForm.get('siteId').errors">{{l('please_select_site')}}</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="userId">{{l('username')}}</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <nz-select formControlName="userId" [(ngModel)]="model.userId" (ngModelChange)="getPhone()">
          <nz-option *ngFor="let option of users" [nzValue]="option.id" [nzLabel]="option.account"></nz-option>
        </nz-select>
        <nz-form-explain *ngIf="validateForm.get('userId').errors">{{l('please_select_user')}}</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="phone">{{l('phone_number')}}</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <input nz-input formControlName="phone" id="phone" [(ngModel)]="model.phone" [placeholder]="l('please_enter_phone_number')">
                
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="msg">{{l('warn_info')}}</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <textarea formControlName="msg" nz-input rows="5" [(ngModel)]="model.msg" [placeholder]="l('please_enter_phone_number')"></textarea>
          
      </nz-form-control>
    </nz-form-item>
    
         
  </form>
</nz-modal>